<template>
  <div>
    <h1>hello vue</h1>
    <!-- 
      ref可以获取到组件对象
     -->
    <demo ref="de"></demo>
  </div>
</template>

<script>
import demo from "@/components/demo.vue"
export default {
  components: {demo},
  mounted(){
    // 获取组件对象
    console.log(this.$refs.de);
    // 通过组件对象调用里面的函数
    console.log(this.$refs.de.fn());
  }
}
</script>

<style>

</style>